<template>
  <div class="box p-2 rounded-md m-3 gap-2"> <!-- 订单详情box -->
    <div class="m-2 gap-2 flex">
      <p class="font-bold">用工需求</p>: {{ title }}
    </div>
    <div class="m-2 gap-2 flex">
      <p class="font-bold">用工人数</p>: {{ headCount }}人
    </div>
    <div class="m-2 gap-2 flex">
      <p class="font-bold">工 期</p>: {{ workTime }}天
    </div>
    <div class="m-2 gap-2 flex">
      <p class="font-bold">购买物料</p>: {{ preparations }}
    </div>
    <div class="m-2 gap-2 flex">
      <p class="font-bold">开工时间</p>: {{ dayjs(startTime).format("YYYY-MM-DD HH:mm") }}
    </div>
    <div class="m-2 gap-2 flex">
      <p class="font-bold">工 钱</p>: <p style="color:red">￥{{ price }}</p>
    </div>
    <div class="m-2 gap-2 flex">
      <p class="font-bold">预 算</p>: <p style="color:red">￥{{ preparationsPrice }}起</p>
    </div>
  </div>
</template>


<script setup>
import dayjs from 'dayjs'
const props = defineProps({
  _id: Number, //订单编号
  uid: Number, // 用户编号
  title: String, //需求
  status: Number, //发布状态
  preparations: String, // 物料
  requirements: String, // 需求
  headCount: Number, // 人员数
  workTime: Number, //工期
  startTime: Number, //开工时间
  price: Number, // 工钱
  preparationsPrice: Number,  //预算
  phone: String, // 联系电话
  area: String, // 地区
  location: String // 详细地址  

})

</script>

<style>
.box {
  border: 2px solid rgba(31, 31, 31);
}
</style>
